.under {font-family:  Arial, Helvetica, sans-serif;font-size:12px; background: #EBF7FA; height:170px; width:100%; margin-top:5px; padding-top:5px; color: #FFF}   
.underleft {  width:300px; color: #000; font-size:12px; margin-left:80px; line-height:20px } .underleft img {border-radius: 10px; width:280px}
.underright { width:570px; color: #999; float:right; margin:10px 10px 0 20px    } .underright img {border-radius: 10px; width:100px;  float:left; margin-right:10px; }  .underright li { list-style:none; float: left;padding:20px 10px 20px 0px}  .underright a { text-decoration:none; color:#000  } .underright a:hover {text-decoration:underline; color:#000  }
 
 

.tinmoi{ width:300px;height:360px;font-family: Georgia, "Times New Roman", Times, serif;font-size:12px;  float:right; overflow:hidden;margin-right:20px; margin-top:8px   }.tinmoi a{font:25px  Tahoma, Geneva, sans-serif;  text-decoration:none; color:#FFF;display: block;width: 100%;height: 100%;} 
.tinmoi h2 {font:800 32px/1.25 "comic sans","comic sans ms","helvetica neue","lucida grande",verdana,sans-serif; text-align:center; margin-bottom:10px}
.tinmoi ul {  height:40px; width:300px; margin-bottom:5px; text-align:center }
#coler1 { background: #660}
#coler2 { background:#090}
#coler3 { background:  #FC0}
#coler4 { background: #F0F}
#coler5 { background:  #09F}
#coler6 { background:  #606  }
 
.baiviet {width:990px; background:#e4ebe9 url(images/pattern.png) repeat top left ; margin:20px 10px 0px 10px;border-radius: 10px }

.news {width:610px;height:360px;border-radius: 10px; background: #FFF;margin:40px 10px 0px 0px ;padding: 5px  5px 5px 5px;  border: 2px solid #EEB0C2 }  
 
.news1{ margin:280px 0px 0px 380px;width:230px; position:absolute; color:#258D8B} .news1 a{font:500 9pt Arial,Helvetica,sans-serif;color: #258D8B;text-decoration:none  }.news1 a:hover{font:500 9pt Arial,Helvetica,sans-serif;color:#006;text-decoration:none} .news1 li { padding-bottom:5px}
 
.news2{ color: #666;width:355px;height:350px;font:9pt Arial,Helvetica,sans-serif;padding:0px 0px 10px 10px;text-align:justify;overflow:hidden; background:  #FFF; float:  left;box-shadow:0px 10px 20px #FFF; text-align:left}.news2 a{font:600 20px "Times New Roman", Times, serif;color:#900  ;text-decoration:none} .news2 h2{padding:0px 0px 0px 10px;font:1.3em normal Georgia,"Times New Roman",Times,serif;color:#0000FF}  .news2 li { padding-bottom:5px; margin-bottom:5px; list-style: square; color:#258D8B } .news2 img { border:solid 1px #CCC; padding:5px; margin:0 5px 10px -10px} .news2 ul{ padding-top:10px}

.news3{ color: #666;width:230px;height:345px;font:9pt Arial,Helvetica,sans-serif;padding:5px 10px 10px  5px;text-align: justify;overflow:hidden; background: #EAF4F4; box-shadow:0px 10px 20px #FFF ; float:left }.news3 a{font:500 9pt Arial,Helvetica,sans-serif;color: #258D8B;text-decoration:none  }.news3 a:hover{font:500 9pt Arial,Helvetica,sans-serif;color: #006;text-decoration:none}.news3 h2{padding:0px 0px 0px 10px;font:1.3em normal Georgia,"Times New Roman",Times,serif;color:#0000FF}  .news3 ul {width:230px;height:85px;list-style: none} .news3 img {  float:right; border:solid 1px #CCC; padding:2px;margin-top:0px; margin-left:10px}  


.side{ width:330px; position:  absolute;font:8pt Arial,Helvetica,sans-serif;  float:left;text-align:justify;overflow:hidden; background:#FFF;color:#000000;box-shadow:0px 10px 20px #FFF; margin:390px  10px 10px 665px}.side a{font:800 15pt  Tahoma, Geneva, sans-serif;color:#258D8B;text-decoration:none; background: #FC3} .side li { padding-bottom:15px; list-style:none}
.side  img {  float:left; margin:0px 10px 5px 0px;border:solid 1px #CCC; padding:2px}  

 #side1 { margin-top:10px}
 #side2 { margin-top:350px}
 #side3 { margin-top:700px}
 #side4 { margin-top:1050px}
 #side5 { margin-top:1400px}
 #side6 { margin-top:1750px}

.ads  { margin:0px 10px  0px  0px; float:right}
.ads1 {  position: absolute;margin:-185px 20px 0px  20px  } 
.tags{ width:290px;height:310px;position:  absolute;font:8pt Arial,Helvetica,sans-serif;  float: left;padding:0px 20px 0px 0px;text-align:justify;overflow:hidden; background:#FFF; border-radius: 10px;  border: 2px solid  #CCC;color:#000000;box-shadow:0px 10px 20px #FFF; margin:1610px 10px 10px 665px} 
.tags li, .tags a{float:left; height:24px;line-height:24px;  position: relative; font-size:11px; }
.tags a{ margin-left:20px;margin-top:10px; padding:20 10px 0 12px; background:#0089e0;  color:#fff; text-decoration:none;  -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;  border-top-right-radius:4px;  }
.tags a:before{ content:""; float:left; position:absolute; top:0;left:-12px; width:0; height:0;border-color:transparent #0089e0 transparent transparent; border-style:solid; border-width:12px 12px 12px 0;  }
 
 
.tags a:hover{background:#0089e0; font-size:11px; line-height:24px; text-decoration:underline; color:#FFF }    
.tags a:hover:before{border-color:transparent #0089e0 transparent transparent;}  
.tags ul {text-align:center; padding-top:25px; font:15px Verdana, Geneva, sans-serif; color:#FFF;background:  #CCC;border-radius: 10px; height:30px;margin:-20px 0px 0px -30px; width:350px }  

 
.banner{border-radius: 10px;position: absolute;width:142px;height: 380px;background:url(https://lh6.googleusercontent.com/-VaWgopHF7Ss/UiS-_A49WpI/AAAAAAAAAVA/rywhjoniDpc/s396/showcap3.gif);bottom: 100px}
.banner a{display: block;width: 100%;height: 100%;text-indent: -9999px}
#banner_l{margin-left:-160px}#banner_r{margin-left:1025px}.zindex{z-index: -999;}
.wrapper1{width:990px;height:170px;background: #A6E1E1;padding:0px 10px 0 10px; color: #666}  
.wrapper1 h1{font:normal 40pt Arial; padding-top:10px; padding-left:40px; color:#FFFFFF;text-shadow: 0 1px 0 #ccc,  0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,  0 5px 0 #aaa,   0 6px 1px rgba(0,0,0,.1),  0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3),  0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);}
.wrapper1 p{ font:normal 20pt Arial;padding-left:50px;color: #CF0; text-shadow: 0 1px 0 #ccc,  0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),    0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3),  0 3px 5px rgba(0,0,0,.2),  0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	 
}
:focus {
	outline: 0;
}

/*===============================================
GLOBAL ELEMENTS
===============================================*/


.box-shadow-up { /* CLASS FOR SLIDE DESCRIPTION BOX SHADOW */
	-o-box-shadow: 0 -1px 5px #222;
	-moz-box-shadow: 0 -1px 5px #222;
	-webkit-box-shadow: 0 -1px 5px #222;
	box-shadow: 0 -1px 5px #222;
}

.box-shadow { /* DECLARED AS A CLASS FOR REUSABILITY */
	-o-box-shadow: 0 2px 5px #000;
	-moz-box-shadow: 0 2px 5px #000;
	-webkit-box-shadow: 0 2px 5px #000;
	box-shadow: 0 2px 5px #000;
}

/*===============================================
SLIDESHOW ELEMENTS
===============================================*/
#main h1 { /* STYLE FOR THE MAIN TITLE */
	position: absolute;
	margin-top: -150px;
	margin-left: 100px;
	width: 400px;
	height: 330px;
	padding-top: 70px;
	background: #eee;
	border-radius: 300px;
}

#main h1 p {
	margin: auto;
	width: 70%;
	text-align: center;
	font-size: 25px;
	color: #242424;
	text-shadow: 0 1px 1px #111;
}

#include #main { /* POSITIONING THE OUTERMOST include */
	position: relative;
	padding: 10px;
	margin:40px 0px 0px 20px;
	width: 800px;
	height: 400px;
	background: #eee;
}
#main a {
	text-decoration:none;
	font:11pt Arial,Helvetica,sans-serif;
	color:#258D8B;
	text-indent:10px;
	 
}

#main a:hover{
	text-decoration: underline;
	font:11pt Arial,Helvetica,sans-serif;
	color: #FFF;
	text-indent:10px;
	 
}

#include #main #actions { /* POSITIONING THE LINKS */
	position: absolute;
	top: 50%;
	margin-top: -50px;
	width: 100%;
}

#include #main #slideshow { /* POSITIONING THE SLIDESHOW */
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: #fefefe;
	list-style: none;
	overflow: hidden;
	z-index: 10;
}

#include #main #slideshow li { /* DEFAULT SETTINGS FOR EACH SLIDES */
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#include #main #slideshow li img { /* DEFAULT SETTINGS FOR THE SLIDES */
	width: 100%;
	height: 100%;
}

#include #main #slideshow li .desc { /* STYLING AND POSITIONING OF THE SLIDES' DESCRIPTION */
	position: absolute;
	margin-top: -110px;
	padding: 10px;
	width: 100%;
	min-height: 90px;
	background: #111;
	background: rgba(11,11,11, 0.7);
}

#include #main #slideshow li .desc p {
	padding: 10px;
	color: #fff;
}

#include #main #slideshow li .desc p a, #include #main #slideshow li .desc p a:visited {
	padding: 0 10px;
	font-size: 12px;
	color: #fcb17a;
}

#include #main #slideshow li .desc p a:hover, #include #main #slideshow li .desc p a:active {
	color: #f59b26;
	text-decoration: underline;
}

#include #main #actions a { /* DEFAULT STYLE FOR THE LNKS */
	color: #555;
	text-decoration: underline;
	z-index: 10;
}

#include #main #actions a:hover { /* HOVER STYLE FOR THE LINKS */
	color: #242424;
}

.button { /* STYLE FOR THE LINK BUTTONS */
	padding: 10px 20px;
}

#include #main #actions .next { /* POSITIONING THE 'NEXT' LINK ON THE RIGHT */
	float: right;
	margin-right: -40px;
}
#include #main #actions .prev { /* POSITIONING THE 'PREVIOUS' LINK ON THE LEFT */
	float: left;
	margin-left: -70px;
}
/*===============================================
FOOTER ELEMENTS
===============================================*/
#include #footer {
	position: relative;
	margin-top: 20px;
	text-align: center;
}